<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>Stuttgart's twelve Monopoly!</title>
    <link href="style2.css" type="text/css" rel="stylesheet">
    
    <script>
    function testResults (form)
        {
        var checkpwd = form.password.value;
        var checkusr = form.username.value;
       
        if (checkusr=="" || checkusr==null || checkusr.length<=5)
        {
         alert("Username too short or empty");
        return false;
            
        }   
            
        if (checkpwd==""||checkpwd==null)
        {
            alert("Please enter your password!");
            return false;
        }
        

        else
        {
            return true;
        }
    }
    </script>
    
    </head>
        
                                          
    <body>
        
    <div id="top">
    <div>
    <img id="siteheader" src="MonopolyLogo.png">        
        </div> <!--/siteheader-->
    <p id="subheader">Get rich or die tryin'!</p>
        
    </div>

<div id="logincontainer">
        <form name="loginform" action="spielfeld.html" onsubmit="return testResults(this);" method=post>
            
            <label for="username">Username:</label>
            <input type="text" id="username" name="username" placeholder="yourusername">
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" placeholder="**********">
            
            <div id="lower">
            <input type="checkbox"><label class="check" for="checkbox">Keep me logged in</label>
            <input type="submit" value="Login" >
            </div><!--/ lower-->
            
            <div id="register">
            <label for="signup" id="signupformlink"><a href="signup.html">Signup today!</a></label>
            
            </div> <!--/ register-->
        </form>
    
    </div><!--/ container-->
        
        

            

    </body>





</html>